<!DOCTYPE html>
<html lane="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>爱涂说ß</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="../static/css/pane.css">
	<link rel="stylesheet" href="../static/css/flick/jquery-ui-1.8.23.custom.css">
	<!-- <link type="text/css" rel="stylesheet" href="../static/css/layout-default-latest.css" /> -->
	<link type="text/css" rel="stylesheet" href="../static/css/tinybox.css" />
	<!-- <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.css" /> -->

	<script type="text/javascript" src="../static/js/raphael-min.js"></script>
	<script type="text/javascript" src="../static/js/jquery.js"></script>
	// <script type="text/javascript" src="../static/js/jquery-ui-1.8.23.custom.min.js"></script>
	<!-- // <script type="text/javascript" src="../static/js/jquery.layout-latest.js"></script> -->
	<!-- // <script type="text/javascript" src="../static/js/jquery.mousewheel.js"></script> -->
	<!-- // <script type="text/javascript" src="../static/js/scale.raphael.js"></script> -->
	<script type="text/javascript" src="../static/js/tinybox.js"></script>
	<!-- // <script type="text/javascript" src="../static/js/bootstrap-modal.js"></script> -->
</head>
<body>
	<div id="container">
		<div id="pane_wrapper">
			<div id="pane">
				<div id="svg_wrapper"></div>
				<div id="trash_can_wrapper">
					<img src="../static/img/trash_can_100.png" alt="垃圾箱" id="trash_can">
				</div>
			</div>
			<div id="info_container">
				<div id="control_pane">
					<h3>{{ title }}</h3>
					<a class="btn" id="invite">邀请</a>
					<a class="btn" id="finish">结束</a>
				</div>
				<div id="info_tabs" class="tabs">
					<ul>
						<li><a href="#online">在线</a></li>
						<li><a href="#chat">聊天</a></li>
					</ul>
					<div id="online">
						<div id="online_list"></div>
					</div>
					<div id="chat">
						<div id="chat_list"></div>
						<input type="text" id="chat_input">
					</div>
				</div>
			</div>
		</div>
	</div>

	<canvas id="convert_canvas" width="1000px" height="600px" style="display:none"></canvas> 
	<form action="/upload/" id="upload_form">
		<input type="hidden" name="sessionid" value="{{ sessionid }}" >
		{{ xsrf_form_html() }}
	</form>
	<form action="/share/" id="shareForm" style="display:none;" method="post">
		<input type="hidden" name="type" value="{{ type }}" >
		<input type="hidden" name="sessionid" value="{{ sessionid }}">
		<input type="hidden" name="cover" id="shareForm_cover">
		<input type="hidden" name="title" value="{{ title }}">
		{{ xsrf_form_html() }}
	</form>

<script type="text/javascript" src="../static/js/watch.js"></script>
<script type="text/javascript">
	var sessionid = "{{ sessionid }}"
	var type = "{{ type }}"
	var past_animation = '{{ past_animation }}'
	var hasclosed 
	hasclosed = {{ hasclosed }}
	var nickname = "{{ nickname }}"
</script>
</body>


</html>